<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        #box{
            width:100px;
            height:100px;
            background: red;
            position:absolute;
            top:50px;
            left:0px;
        }
    </style>
    <script src="../jquery-1.7.2.min.js"></script>
    <script>
        $(function(){
            $('input').click(function(){
//              animate({要改变的属性和值},整体运动的时间,回调函数);
                $('#box').animate({left:300,width:500,height:500},1000,function(){
                    $('#box').animate({left:0,width:100,height:100},1000);
                });
            })

        })
    </script>
</head>
<body>
<input type="button" value="走起来"/>

    <div id="box"></div>
</body>
</html>